<template>
  <el-row class="classRow">
    <el-col :span="24">
      <el-header class="flex_center_center"><h2><span>员工基本资料</span></h2></el-header>
      <el-form ref="form" label-width="80px" label-position="left" size="mini">
        
        <el-form-item label-width="10">
          <headImg :imgUrl="employeeInfo.headurl" :showEdit="showEdit" @submit="submitImg"></headImg>
        </el-form-item>
        <el-form-item label="姓名" style="margin-right:30px;min-width: 100px">
          {{employeeInfo.name}}
        </el-form-item>
        <el-form-item label="性别">
          {{employeeInfo.sex|sex}}
        </el-form-item>
        
        <el-form-item label="手机号码">
          {{employeeInfo.username}}
        </el-form-item>
        
        <el-form-item label="所属分店" style="margin-right:30px;min-width: 100px">
          {{employeeInfo.shopname}}
        </el-form-item>
        <el-form-item label="所在部门">
          {{employeeInfo.bumenname}}
        </el-form-item>

        <el-form-item label="所属职位">
          {{employeeInfo.pname}}
        </el-form-item>

         <el-form-item label="所属职称">
          {{employeeInfo.zname}}
        </el-form-item>

        <el-form-item label="添加日期">
          {{employeeInfo.addtime|dateTime}}
        </el-form-item>     
        <el-form-item label="员工描述">
          <el-input type="textarea" v-model="employeeInfo.remarks"></el-input>
        </el-form-item>
       <!--  <el-form-item style="display:none">
          <el-button type="primary">立即创建</el-button>
          <el-button>取消</el-button>
        </el-form-item> -->
      </el-form>
    </el-col>
  </el-row>
</template>

<script>
import headImg from '@/components/headImg.vue'
export default {
  name: 'index',
  data () {
    return {
      showEdit: false,
      employeeInfo: {}
    }
  },
  mounted () {
    this.employeeInfo = this.$route.params.info
  },
  methods: {
    submitImg () {
      // console.log(1111)
    }
  },
  components: {headImg}
}
</script>

<style>
  .classRow{
    color: #000
  }
  .headimg > .el-form-item__label {
    line-height: 75px;
  }
  textarea{
    height: 80px;
  }
</style>
